<div class="Yarn_Background" style="background-image: url( images/banner1.jpg);"></div>
<form class="js-search search-form search-form--modal" method="get" action="search.html" role="search">
    <div class="search-form__inner">
        <div>
            <div id="search-container" class="ajax_search">
                <form method="get" id="searchform" action="">
                    <div class="filter_container"><input type="text" value="" autocomplete="off"
                                                         placeholder="Type then select or enter" name="keyWord"
                                                         id="search-input"/>
                        <ul id="search_filtered" class="search_filtered"></ul>
                    </div>
                    <input type="text" hidden name="searchType" value="keyWord"/>
                    <input type="submit" name="submit" id="searchsubmit" class="searchsubmit" value=""/>
                </form>
            </div>
        </div>
    </div>
</form>
<div class="navi" data-aos="fade-down">
    <div class="bt-nav">
        <div class="line line1"></div>
        <div class="line line2"></div>
        <div class="line line3"></div>
    </div>
    <div class="navbar animated fadeInRight">
        <div class="inner">
            <nav id="site-navigation" class="main-navigation">
                <div id="main-menu" class="main-menu-container">
                    <div class="menu-menu-container">
                        <ul id="primary-menu" class="menu">
                            <li id="menu-item-17"
                                class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-17">
                                <a style="color: #ffffff;font-weight: normal;" href="index.html">首页</a>
                            </li>
                        <#--        <li id="menu-item-173" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-173">
                                    <a href="update.html">更新</a>
                                </li>-->
                            <li id="menu-item-78"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78">
                                <a style="color: #ffffff;font-weight: normal;" href="link.html">分类</a>
                            </li>
                            <li id="menu-item-78"
                        <#--           class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78">
                                   <a style="color: #ffffff;font-weight: normal;" href="gustbook.html">留言</a>
                               </li>-->
                            <li id="menu-item-78"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78">
                                <a style="color: #ffffff;font-weight: normal;" href="about.html">关于</a>
                            </li>
                        <#--        <li id="menu-item-252" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-252">
                                    <a href="archives.html">归档</a>
                                    <ul class="sub-menu">
                                        <li id="menu-item-165" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-165">
                                            <a href="">theme</a>
                                        </li>
                                        <li id="menu-item-163" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-163">
                                            <a href="">Happen</a>
                                        </li>
                                        <li id="menu-item-924" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-924">
                                            <a href="">WeWork</a>
                                        </li>
                                        <li id="menu-item-164" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-164">
                                            <a href="">WordPress</a>
                                        </li>
                                    </ul>
                                </li>
                                <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57">
                                    <a href="gustbook.html">留言</a>
                                </li>-->
                        </ul>
                    </div>
                </div>
            </nav>
            <!-- #site-navigation -->
        </div>
    </div>
</div>
<div class="hebin" data-aos="fade-down">
    <i class=" js-toggle-search iconfont">&#xe60e;</i>
</div>
<header id="masthead" class="overlay animated from-bottom" itemprop="brand">
    <!-- .site-branding -->
    <div class="decor-part">
        <div id="particles-js"></div>
    </div>
</header>
<div id="main" class="content">